<section id="categories">
    <ul class="nav nav-tabs">
      <li><h1>categories</h1></li>
      <li class="active"><a href="#tab1" data-toggle="tab">all</a></li>
      <li><a href="#tab2" data-toggle="tab">mine</a></li>
    </ul>
    <div class="tab-content">

      <div class="tab-pane active" id="tab1">
        <%= render partial: 'categories/categories' %>
      </div>

      <div class="tab-pane" id="tab2">
        <%= render partial: 'categories/categories' %>
      </div>
    </div>

</section>